@charset"UTF-8";
.beijing {
    width: 100%;
    height: 100%;
    background: url(../img/index/index.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
    display: flex;
    .wenzi1 {
        position: absolute;
        bottom: 302px;
        left: 78px;
        animation: wenzi1 2s infinite linear alternate;
        -webkit-animation: wenzi1 2s infinite linear alternate;
        transform-origin: 220px 400px;
    }
    .wenzi2 {
        position: absolute;
        bottom: 209px;
        left: 173px;
        animation: wenzi2 2s infinite linear alternate;
        -webkit-animation: wenzi2 2s infinite linear alternate;
        transform-origin: 220px 400px;
    }
    .wenzi3 {
        position: absolute;
        bottom: 164px;
        left: 235px;
        animation: wenzi3 2s infinite linear alternate;
        -webkit-animation: wenzi3 2s infinite linear alternate;
        transform-origin: 220px 400px;
    }
    .xing1 {
        position: absolute;
        top: 320px;
        left: 500px;
        animation: xing1 1s infinite linear;
        -webkit-animation: xing1 1s infinite linear;
    }
    .xing2 {
        position: absolute;
        top: 536px;
        left: 35px;
        animation: xing2 1s infinite linear;
        -webkit-animation: xing2 1s infinite linear;
    }
    .xing3 {
        position: absolute;
        top: 171px;
        left: 100px;
        animation: xing3 1s infinite linear;
        -webkit-animation: xing3 1s infinite linear;
    }
    .xing4 {
        position: absolute;
        top: 300px;
        left: 200px;
        animation: xing4 1s infinite linear;
        -webkit-animation: xing4 1s infinite linear;
    }
    .jiantou {
        position: absolute;
        bottom: 88px;
        left: 324px;
        animation: jiantou 0.5s infinite linear alternate;
        -webkit-animation: jiantou 0.5s infinite linear alternate;
    }
    .jiantou1 {
        position: absolute;
        bottom: 80px;
        left: 324px;
         animation: jiantou 0.5s infinite linear alternate;
        -webkit-animation: jiantou 0.5s infinite linear alternate;
    }
}

@keyframes xing1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes xing2 {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes xing3 {
    0% {
        opacity: 1;
    }
    15% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes xing4 {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0.5;
    }
    30% {
        opacity: 0.9;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 0.7;
    }
    70% {
        opacity: 0.4;
    }
    80% {
        opacity: 0.1;
    }
    90% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes wenzi1 {
    0% {
        transform: rotate(0);
    }
    30% {
        transform: rotate(-15deg);
    }
    60% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(15deg);
    }
}

@keyframes wenzi2 {
    0% {
        transform: rotate(-15deg);
    }
    30% {
        transform: rotate(0);
    }
    60% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0);
    }
}
@keyframes wenzi3 {
    0% {
        transform: rotate(0);
    }
    30% {
        transform: rotate(-15deg);
    }
    60% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(15deg);
    }
}
@keyframes jiantou {
    0% {
        transform: translateY(0);
    }
    
    100% {
        transform: translateY(-10px);
    }
}